<script setup lang="ts">
import Chat from "@/view/Chat.vue";
import {MuteNotification} from "@element-plus/icons-vue";

</script>

<template>
  <!-- 全局状态栏 -->
  <div class="Navbar">
    <el-row>
      <el-col class="Navbar_head" :span="12">
        19:20
        <el-icon class="Navbar_head_icon"><MuteNotification /></el-icon>
      </el-col>
      <el-col class="Navbar_end" :span="12">
        手机电量
      </el-col>
    </el-row>
  </div>
  <RouterView/>
</template>

<style scoped>
.Navbar{
  margin: 10px 0px;
}

.Navbar_head{
  display: flex;
  align-items: center;
  padding-left: 25px;
}

.Navbar_head_icon{
  font-size: 15px;
}

.Navbar_end{
  display: flex;
  justify-content: end;
  padding-right: 25px;
}
</style>
